.myPage {
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	flex-direction: column;
	height: 100%;
	flex: 1;
	background: #f8f8f8;
	padding: 15px;
	.el-card {
		height: inherit;
		display: flex;
		flex-direction: column;
		flex: 1;
	}
	.pageCard {
		height: 100%;
		display: flex;
		flex-direction: column;
		flex: 1;
		.el-card__body {
			display: flex;
			flex-direction: column;
			flex: 1;
			padding: 15px;
			overflow: auto;
			.el-table {
				position: relative;
				overflow: hidden;
				box-sizing: border-box;
				height: 100%;
				width: 100%;
				max-width: 100%;
				background-color: var(--el-table-bg-color);
				font-size: 14px;
				color: var(--el-table-text-color);
				.el-table__inner-wrapper {
					position: relative;
					display: flex;
					flex-direction: column;
					height: 100%;
				}
			}
		}
	}
	.pageTop {
		height: 32px;
		margin-bottom: 15px;
	}
	.pageCentre {
		flex: 1;
		overflow: hidden;
	}
	.pageBottom {
		.el-pagination {
			height: 32px;
			margin-top: 15px !important;
		}
	}
}

.myDialog {
	.el-dialog__header {
		height: 50px;
	}
	.el-dialog__body {
		position: relative;
		min-height: 500px;
		max-height: calc(100vh - 20%);
		.myPage {
			width: 100%;
		}
	}
}
